<script setup lang="ts">
import { ref } from "vue";
import InputBar from "./components/InputBar.vue"; 
// const bg = ref(
//   "https://cot-public.oss-cn-zhangjiakou.aliyuncs.com/changdian/web-preview/20241220-142206.png"
// );
import bg from './assets/digital_girl.png'
const styleObject = ref({
  backgroundImage: `url(${bg})`,
});

</script>
<template>
  <div :style="styleObject" class="wrapper">
    <div class="control-bar">
        <InputBar :aiAvatarId="1"></InputBar>
    </div>
  </div>
</template>
<style scoped lang="scss">
.input-wrapper::-webkit-scrollbar {
  display: none; /* 对于 Chrome, Safari 和 Opera */
}
.wrapper {
  position: relative;
  // height: 667px;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  .control-bar {
    position: absolute;
    bottom: 0px;
    // width: 100vw;
    // padding: 10px 10px;
    // background-color: red;
  }
}
</style>
